<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS常见样式属性</title>
    <link rel="stylesheet" href="css_常见样式属性.css">
</head>
<body class="bg_demo6">
    <p class="value_px">绝对单位：px</p>
    <p class="value_em">相对单位：em</p>
    <p class="value_rem">相对单位：rem</p>

    <p class="color_name">颜色值：名称</p>
    <p class="color_hex">颜色值：十六进制</p>
    <p class="color_fun">颜色值：函数rgb</p>

    <p class="img_url">图片url函数</p>
    
    <p class="font_demo">字体样式展示  函数 font style demo</p>
    
    <p class="text_demo">文本样式的演示abc</p>

    <ul class="list_demo4">
        <li>项1</li>
        <li>项2</li>
        <li>项3</li>

     </ul>

     <div class="bg_box bg_demo1">
        背景样式：颜色
     </div>
     <div class="bg_box bg_demo2">
        背景样式：图片
     </div>
     <div class="bg_box bg_demo3">
        背景样式：图片(是否重复)
     </div>
     <div class="bg_box bg_demo4">
        背景样式;图片位置
     </div>
</body>
</html>  